<template>
  <div style="padding: 30px">
    <div class="text">{{product.productName}}--详情介绍</div>
    <br/>
    <div class="text1">商品当前编号：{{product.productId}}</div>
    <div class="text1">商品名：{{product.productName}}</div>
    <div class="text1">类型：{{product.typeCode}}</div>
    <div class="text1">介绍：{{product.introduction}}</div>
    <div class="text1">商品规格、参数：{{product.specifications}}</div>
    <div class="text1">图片链接：{{product.image}}</div>
  </div>
</template>
<!--query: {productName: scope.row.productName,productId: scope.row.productId,typeCode: scope.row.typeCode,introduction: scope.row.introduction,specifications: scope.row.specifications,image: scope.row.image }}">-->
<script>
  export default {
    name: 'product',
    data(){
      return {
        product:{
          productId:this.$route.query.productId,
          productName: this.$route.query.productName,
          typeCode:this.$route.query.typeCode,
          introduction:this.$route.query.introduction,
          specifications:this.$route.query.specifications,
          image:this.$route.query.image,
        }
      }
    },
    methods:{

    }

  }
</script>

<style scoped>
  .text {
    font-size: 25px;
    line-height: 30px;
    text-align: center;
  }
</style>
